EduChannel Indonesia Blog WeBooks LMS Pembelajaran Video
  • Pencarian
Versi

  • Informasi Buku
  • Pengantar HTML
    • HTML Pengantar
    • HTML Elemen
    • HTML Atribut
    • HTML Heading
    • HTML Style
    • HTML Formating
    • HTML Kutipan
    • HTML Komentar
    • HTML CSS
    • HTML Tautan
    • HTML Gambar
    • HTML Tabel
    • HTML List
    • HTML Block dan Inline
    • HTML Class
    • HTML Id
    • HTML Iframe
    • HTML Head
    • HTML Kode
    • HTML Semantic
  • Form HTML
    • HTML Form
    • HTML Form Elemen
  • HTML Media
    • HTML Video
    • HTML Audio
    • HTML Object
    • HTML Embed

Atribut dalam HTML

Tutorial HTML; Diperbarui tanggal: 9/09/2025

Atribut dalam HTML (Hypertext Markup Language) adalah bagian dari elemen HTML yang memberikan informasi tambahan tentang elemen tersebut. Atribut didefinisikan dalam tag HTML dan dapat digunakan untuk mengontrol perilaku dan penampilan elemen tersebut.

Contoh dari beberapa atribut yang dapat digunakan pada elemen HTML:

  1. class - digunakan untuk memberikan nama kelas pada elemen HTML. Atribut ini digunakan untuk memudahkan pengelompokan dan styling CSS pada halaman web.
  2. id - digunakan untuk memberikan identitas unik pada elemen HTML. Atribut ini digunakan untuk merujuk elemen secara spesifik melalui CSS atau JavaScript.
  3. src - digunakan untuk menentukan sumber dari elemen seperti gambar atau audio pada halaman web.
  4. href - digunakan untuk menentukan alamat URL atau tautan ke halaman web lain.
  5. alt - digunakan untuk memberikan deskripsi alternatif pada gambar atau elemen multimedia jika gambar atau elemen multimedia tidak dapat ditampilkan.
  6. style - digunakan untuk menentukan gaya CSS langsung pada elemen HTML.
  7. title - digunakan untuk memberikan judul atau keterangan tambahan pada elemen HTML.
  8. target - digunakan untuk menentukan apakah tautan akan dibuka dalam jendela baru atau di jendela yang sama.
  9. dll

Atribut HTML dapat digunakan untuk memberikan informasi tambahan pada elemen HTML dan memungkinkan pengembang web untuk mengontrol perilaku dan penampilan elemen tersebut pada halaman web.

Contoh penggunaan atribut:
<img src="panorama_indonesia.jpg" width="400" height="500">
Pada tag <img> diatas mengandung tiga atribut yaitu src, width dan height. Atribut src bernilai "panorama_indonesia.jpg" yang menandakan tag <img> akan menampilkan gambar panorama_indonesia.jpg. Atribut width="400" dan height="500" akan memberikan kontrol bahwa gambar akan ditampilan dengan lebar 400 pixel dan tinggi 500 pixel.
 
Contoh lain penggunaan atribut yaitu:
<p style="color:red;">Tulisan ini berwana merah.</p>
Pada contoh kode diatas atribut style digunakan untuk mengkontrol elemen tag <p> agar berwarna merah.  
 
 
Copyright ©2022 #EduChannel Indonesia.
Bali - Indonesia